<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>徐州精诚特卫保安服务有限公司</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/salaryQuery.css" rel="stylesheet">

    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-datetimepicker.js" ></script>
    <script src="js/bootstrap-datetimepicker.fr.js"></script>
    <script src="js/bootstrap-datetimepicker.zh-CN.js" ></script>
    <script src="js/style.js"></script>
    <script src="js/global.js"></script>
    <script src="js/timeInput.js"></script>
    <script src="js/salaryQuery.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">OA系统</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="personnelAnalysis.html">人事管理</a></li>
                <li><a href="marketingManager.html">营销管理</a></li>
                <li><a href="operationProjectManager.html">运营管理</a></li>
                <li><a href="financialManager.html">财务管理</a></li>
                <li><a href="warehouseCheck.html">采购管理</a></li>
                <li><a href="ManageDepartment.html">基本设置</a></li>
            </ul>
        </div>
    </div>
</nav>
<div id="" class="container-fluid main-body">
    <div id="left-nav" class="">
        <div class="left-nav-userInfo">
            <div class="userHead">
                <img class="userImg" src="imgs/user.png">
            </div>
            <div class="userTitle">
                <p></p><span class="glyphicon glyphicon-log-out" data-toggle="tooltip" data-placement="top" title="注销" onclick="logout()" aria-hidden="true"></span>
            </div>
        </div>
        <ul class="left-nav-menu">
            <li class="left-nav-menu-li">
                <a href="personnelAnalysis.html" class="menu-link">
                    <img src="imgs/addressbook.png">
                    <div>人事分析</div>
                </a>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/brush.png">
                    <div>员工管理    <span class="glyphicon glyphicon-triangle-right"></span></div>
                </a>
                <ul class="sub-menu none">
                    <li class="sub-menu-li">
                        <a href="personnelList.html" class="sub-menu-link">
                            员工列表
                        </a>
                    </li>
                    <li class="sub-menu-li none">
                        <a href="personnelChange.html" class="sub-menu-link">
                            人事异动
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="personnelEmployeesLeave.html" class="sub-menu-link">
                            离职员工
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="personnelChangeCard.html" class="sub-menu-link">
                            员工换卡
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/createtask.png">
                    <div>合同管理    <span class="glyphicon glyphicon-triangle-right"></span></div>
                </a>
                <ul class="sub-menu none">
                    <li class="sub-menu-li">
                        <a href="personnelContract.html" class="sub-menu-link">
                            人员合同
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/kaoqin.png">
                    <div>考勤统计    <span class="glyphicon glyphicon-triangle-right"></span></div>
                </a>
                <ul class="sub-menu none">
                    <li class="sub-menu-li">
                        <a href="attendanceMonthSummary.html" class="sub-menu-link">
                            月度汇总
                        </a>
                    </li>
                    <li class="sub-menu-li ">
                        <a href="attendanceDailyStatistics.html" class="sub-menu-link">
                            每日统计
                        </a>
                    </li>
                    <li class="sub-menu-li none">
                        <a href="attendancePunchTime.html" class="sub-menu-link">
                            打卡时间
                        </a>
                    </li>
                    <li class="sub-menu-li ">
                        <a href="attendanceOriginalRecord.html" class="sub-menu-link">
                            原始记录
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/coupons_fill.png">
                    <div>薪资管理    <span class="glyphicon glyphicon-triangle-bottom"></span></div>
                </a>
                <ul class="sub-menu">
                    <li class="sub-menu-li">
                        <a href="salaryGenerateAndUpdate.html" class="sub-menu-link">
                            生成及修改
                        </a>
                    </li>
                    <li class="sub-menu-li sub-li-active">
                        <a href="salaryQuery.html" class="sub-menu-link">
                            薪资查看
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="salaryBaseUpdateInBatch.html" class="sub-menu-link">
                            基本工资修改
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="salaryProject.html" class="sub-menu-link">
                            项目工资
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="right-panel">
        <div class="nav-path">
            <div class="path-title">
                <ul class="path-ul">
                    <li>薪资查看</li>
                </ul>
            </div>
        </div>
        <div class="main-body-content">
            <div class="top-body" style="margin-top: 30px">
                <div class="search-content" style="height: 34px;">
                    <div class="search-left">
                        <div style="width:auto;height:34px;line-height:34px;float:left"><span>选择月份</span></div>
                        <div style="display: inline-block;float: left;width:200px;margin-right: 5px; margin-left: 5px">
                            <div class="input-group date bottom-month">
                                <input id="salaryQuery-month" class="form-control" size="16" type="text" value="年/月">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </div>
                        <div class="input-group" style="width: 350px">
                            <input type="text" id="salaryQuery-name" class="form-control" placeholder="按姓名搜索">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button" onclick="getWageByParameters()">搜索</button>
                                <button class="btn btn-default" type="button" onclick="getALlWage()">搜索全部</button>
                            </span>
                        </div>
                    </div>
                    <div class="search-right">
                        <input class="printAll-box" type="checkbox">导出全部
                        <button class="btn btn-info" onclick="setPrintSalaryTable()">导出</button>
                    </div>
                </div>
            </div>
            <div id="salaryQueryTable" class="table-body" style="overflow-x: auto;">
                <table class="table table-bordered" style="min-width: 1700px">
                    <thead style="background-color: #F9FAFB">
                    <tr>
                        <th style="width: 80px">姓名</th>
                        <th style="width: 80px">部门</th>
                        <th>证件号码</th>
                        <th>卡号</th>
                        <th>基本工资</th>
                        <th>项目工资</th>
                        <th>全勤奖</th>
                        <th>奖金</th>
                        <th>加班费</th>
                        <th>伙食费</th>
                        <th>社保补助</th>
                        <th>基金</th>
                        <th>应扣款项</th>
                        <th>工作天数</th>
                        <th>应发工资</th>
                        <th>实发工资</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="table-tr hidden">
                        <td class="salaryQuery-staffName"></td>
                        <td class="salaryQuery-department"></td>
                        <td class="salaryQuery-idCard"></td>
                        <td class="salaryQuery-bankCard"><input type="text" disabled></td>
                        <td class="salaryQuery-baseWage"><input type="text" disabled></td>
                        <td class="salaryQuery-projectWage"><input type="text" disabled></td>
                        <td class="salaryQuery-fullAttenBonus"><input type="text" disabled></td>
                        <td class="salaryQuery-bonus"><input type="text" disabled></td>
                        <td class="salaryQuery-overtimeWage"><input type="text" disabled></td>
                        <td class="salaryQuery-boardWage"><input type="text" disabled></td>
                        <td class="salaryQuery-socialSecuritySubsidyWage"><input type="text" disabled></td>
                        <td class="salaryQuery-foundation"><input type="text" disabled></td>
                        <td class="salaryQuery-deductionWage"><input type="text" disabled></td>
                        <td class="salaryQuery-workDays"><input type="text" disabled></td>
                        <td class="salaryQuery-grossPay"><input type="text" disabled></td>
                        <td class="salaryQuery-realPay"><input type="text" disabled></td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="salaryQuery-staffName"></td>
                        <td class="salaryQuery-department"></td>
                        <td class="salaryQuery-idCard"></td>
                        <td class="salaryQuery-bankCard"><input type="text" disabled></td>
                        <td class="salaryQuery-baseWage"><input type="text" disabled></td>
                        <td class="salaryQuery-projectWage"><input type="text" disabled></td>
                        <td class="salaryQuery-fullAttenBonus"><input type="text" disabled></td>
                        <td class="salaryQuery-bonus"><input type="text" disabled></td>
                        <td class="salaryQuery-overtimeWage"><input type="text" disabled></td>
                        <td class="salaryQuery-boardWage"><input type="text" disabled></td>
                        <td class="salaryQuery-socialSecuritySubsidyWage"><input type="text" disabled></td>
                        <td class="salaryQuery-foundation"><input type="text" disabled></td>
                        <td class="salaryQuery-deductionWage"><input type="text" disabled></td>
                        <td class="salaryQuery-workDays"><input type="text" disabled></td>
                        <td class="salaryQuery-grossPay"><input type="text" disabled></td>
                        <td class="salaryQuery-realPay"><input type="text" disabled></td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="salaryQuery-staffName"></td>
                        <td class="salaryQuery-department"></td>
                        <td class="salaryQuery-idCard"></td>
                        <td class="salaryQuery-bankCard"><input type="text" disabled></td>
                        <td class="salaryQuery-baseWage"><input type="text" disabled></td>
                        <td class="salaryQuery-projectWage"><input type="text" disabled></td>
                        <td class="salaryQuery-fullAttenBonus"><input type="text" disabled></td>
                        <td class="salaryQuery-bonus"><input type="text" disabled></td>
                        <td class="salaryQuery-overtimeWage"><input type="text" disabled></td>
                        <td class="salaryQuery-boardWage"><input type="text" disabled></td>
                        <td class="salaryQuery-socialSecuritySubsidyWage"><input type="text" disabled></td>
                        <td class="salaryQuery-foundation"><input type="text" disabled></td>
                        <td class="salaryQuery-deductionWage"><input type="text" disabled></td>
                        <td class="salaryQuery-workDays"><input type="text" disabled></td>
                        <td class="salaryQuery-grossPay"><input type="text" disabled></td>
                        <td class="salaryQuery-realPay"><input type="text" disabled></td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="salaryQuery-staffName"></td>
                        <td class="salaryQuery-department"></td>
                        <td class="salaryQuery-idCard"></td>
                        <td class="salaryQuery-bankCard"><input type="text" disabled></td>
                        <td class="salaryQuery-baseWage"><input type="text" disabled></td>
                        <td class="salaryQuery-projectWage"><input type="text" disabled></td>
                        <td class="salaryQuery-fullAttenBonus"><input type="text" disabled></td>
                        <td class="salaryQuery-bonus"><input type="text" disabled></td>
                        <td class="salaryQuery-overtimeWage"><input type="text" disabled></td>
                        <td class="salaryQuery-boardWage"><input type="text" disabled></td>
                        <td class="salaryQuery-socialSecuritySubsidyWage"><input type="text" disabled></td>
                        <td class="salaryQuery-foundation"><input type="text" disabled></td>
                        <td class="salaryQuery-deductionWage"><input type="text" disabled></td>
                        <td class="salaryQuery-workDays"><input type="text" disabled></td>
                        <td class="salaryQuery-grossPay"><input type="text" disabled></td>
                        <td class="salaryQuery-realPay"><input type="text" disabled></td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="salaryQuery-staffName"></td>
                        <td class="salaryQuery-department"></td>
                        <td class="salaryQuery-idCard"></td>
                        <td class="salaryQuery-bankCard"><input type="text" disabled></td>
                        <td class="salaryQuery-baseWage"><input type="text" disabled></td>
                        <td class="salaryQuery-projectWage"><input type="text" disabled></td>
                        <td class="salaryQuery-fullAttenBonus"><input type="text" disabled></td>
                        <td class="salaryQuery-bonus"><input type="text" disabled></td>
                        <td class="salaryQuery-overtimeWage"><input type="text" disabled></td>
                        <td class="salaryQuery-boardWage"><input type="text" disabled></td>
                        <td class="salaryQuery-socialSecuritySubsidyWage"><input type="text" disabled></td>
                        <td class="salaryQuery-foundation"><input type="text" disabled></td>
                        <td class="salaryQuery-deductionWage"><input type="text" disabled></td>
                        <td class="salaryQuery-workDays"><input type="text" disabled></td>
                        <td class="salaryQuery-grossPay"><input type="text" disabled></td>
                        <td class="salaryQuery-realPay"><input type="text" disabled></td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="salaryQuery-staffName"></td>
                        <td class="salaryQuery-department"></td>
                        <td class="salaryQuery-idCard"></td>
                        <td class="salaryQuery-bankCard"><input type="text" disabled></td>
                        <td class="salaryQuery-baseWage"><input type="text" disabled></td>
                        <td class="salaryQuery-projectWage"><input type="text" disabled></td>
                        <td class="salaryQuery-fullAttenBonus"><input type="text" disabled></td>
                        <td class="salaryQuery-bonus"><input type="text" disabled></td>
                        <td class="salaryQuery-overtimeWage"><input type="text" disabled></td>
                        <td class="salaryQuery-boardWage"><input type="text" disabled></td>
                        <td class="salaryQuery-socialSecuritySubsidyWage"><input type="text" disabled></td>
                        <td class="salaryQuery-foundation"><input type="text" disabled></td>
                        <td class="salaryQuery-deductionWage"><input type="text" disabled></td>
                        <td class="salaryQuery-workDays"><input type="text" disabled></td>
                        <td class="salaryQuery-grossPay"><input type="text" disabled></td>
                        <td class="salaryQuery-realPay"><input type="text" disabled></td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="salaryQuery-staffName"></td>
                        <td class="salaryQuery-department"></td>
                        <td class="salaryQuery-idCard"></td>
                        <td class="salaryQuery-bankCard"><input type="text" disabled></td>
                        <td class="salaryQuery-baseWage"><input type="text" disabled></td>
                        <td class="salaryQuery-projectWage"><input type="text" disabled></td>
                        <td class="salaryQuery-fullAttenBonus"><input type="text" disabled></td>
                        <td class="salaryQuery-bonus"><input type="text" disabled></td>
                        <td class="salaryQuery-overtimeWage"><input type="text" disabled></td>
                        <td class="salaryQuery-boardWage"><input type="text" disabled></td>
                        <td class="salaryQuery-socialSecuritySubsidyWage"><input type="text" disabled></td>
                        <td class="salaryQuery-foundation"><input type="text" disabled></td>
                        <td class="salaryQuery-deductionWage"><input type="text" disabled></td>
                        <td class="salaryQuery-workDays"><input type="text" disabled></td>
                        <td class="salaryQuery-grossPay"><input type="text" disabled></td>
                        <td class="salaryQuery-realPay"><input type="text" disabled></td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="salaryQuery-staffName"></td>
                        <td class="salaryQuery-department"></td>
                        <td class="salaryQuery-idCard"></td>
                        <td class="salaryQuery-bankCard"><input type="text" disabled></td>
                        <td class="salaryQuery-baseWage"><input type="text" disabled></td>
                        <td class="salaryQuery-projectWage"><input type="text" disabled></td>
                        <td class="salaryQuery-fullAttenBonus"><input type="text" disabled></td>
                        <td class="salaryQuery-bonus"><input type="text" disabled></td>
                        <td class="salaryQuery-overtimeWage"><input type="text" disabled></td>
                        <td class="salaryQuery-boardWage"><input type="text" disabled></td>
                        <td class="salaryQuery-socialSecuritySubsidyWage"><input type="text" disabled></td>
                        <td class="salaryQuery-foundation"><input type="text" disabled></td>
                        <td class="salaryQuery-deductionWage"><input type="text" disabled></td>
                        <td class="salaryQuery-workDays"><input type="text" disabled></td>
                        <td class="salaryQuery-grossPay"><input type="text" disabled></td>
                        <td class="salaryQuery-realPay"><input type="text" disabled></td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="salaryQuery-staffName"></td>
                        <td class="salaryQuery-department"></td>
                        <td class="salaryQuery-idCard"></td>
                        <td class="salaryQuery-bankCard"><input type="text" disabled></td>
                        <td class="salaryQuery-baseWage"><input type="text" disabled></td>
                        <td class="salaryQuery-projectWage"><input type="text" disabled></td>
                        <td class="salaryQuery-fullAttenBonus"><input type="text" disabled></td>
                        <td class="salaryQuery-bonus"><input type="text" disabled></td>
                        <td class="salaryQuery-overtimeWage"><input type="text" disabled></td>
                        <td class="salaryQuery-boardWage"><input type="text" disabled></td>
                        <td class="salaryQuery-socialSecuritySubsidyWage"><input type="text" disabled></td>
                        <td class="salaryQuery-foundation"><input type="text" disabled></td>
                        <td class="salaryQuery-deductionWage"><input type="text" disabled></td>
                        <td class="salaryQuery-workDays"><input type="text" disabled></td>
                        <td class="salaryQuery-grossPay"><input type="text" disabled></td>
                        <td class="salaryQuery-realPay"><input type="text" disabled></td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="salaryQuery-staffName"></td>
                        <td class="salaryQuery-department"></td>
                        <td class="salaryQuery-idCard"></td>
                        <td class="salaryQuery-bankCard"><input type="text" disabled></td>
                        <td class="salaryQuery-baseWage"><input type="text" disabled></td>
                        <td class="salaryQuery-projectWage"><input type="text" disabled></td>
                        <td class="salaryQuery-fullAttenBonus"><input type="text" disabled></td>
                        <td class="salaryQuery-bonus"><input type="text" disabled></td>
                        <td class="salaryQuery-overtimeWage"><input type="text" disabled></td>
                        <td class="salaryQuery-boardWage"><input type="text" disabled></td>
                        <td class="salaryQuery-socialSecuritySubsidyWage"><input type="text" disabled></td>
                        <td class="salaryQuery-foundation"><input type="text" disabled></td>
                        <td class="salaryQuery-deductionWage"><input type="text" disabled></td>
                        <td class="salaryQuery-workDays"><input type="text" disabled></td>
                        <td class="salaryQuery-grossPay"><input type="text" disabled></td>
                        <td class="salaryQuery-realPay"><input type="text" disabled></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="page-body">
                <ul class="page-ul">
                    <li class="page-ul-li">
                        <div class="input-group" style="width: 110px">
                            <input type="text" class="form-control skipPage" placeholder="">
                            <span class="input-group-btn">
                                  <button id="jump-button" class="btn btn-default" type="button" onclick="skipPage()">跳转</button>
                               </span>
                        </div>
                    </li>
                    <li class="page-ul-li"><a class="btn btn-default page-button" onclick="nextPage()"><span class="caret caret-left"></span></a></li>
                    <li class="page-ul-li" style="margin-top: 8px"><span class="currentPage"></span>/<span class="totalPage"></span></li>
                    <li class="page-ul-li"><a class="btn btn-default page-button" onclick="previousPage()"><span class="caret caret-right"></span></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!---------------------------------------------------打印表modal----------------------------------------------------------->
<!-------------------------------------------------------------------------------------------------------------->
<div class="modal fade" id="myModal-printTable" style="width: 96%;margin-left: 2%;padding: 0 0;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-addStaff">
    <div class="modal-dialog" role="document" style="margin: 20px 0;width: 100%;">
        <div class="modal-content">
            <div class="modal-header" style="text-align: center;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel-addStaff">打印预览</h4>
            </div>
            <div class="modal-body print-body1" style="padding: 15px 20px;height: 500px;text-align: center;padding-top: 150px;">
                <span style="font-size: 20px;">正在初始化打印</span>
                <br>
                <img src="imgs/init.gif" style="margin-top: 20px;height: 80px">
            </div>
            <div class="modal-body print-body2 hidden" style="padding: 15px 20px;height: 500px;overflow:auto;">
                <div class="table-body" >
                    <table class="table table-bordered" id="printTable" style="min-width: 1500px;">
                        <thead>
                        <tr>
                            <th style="width: 6%;">姓名</th>
                            <th style="width: 6%;">部门</th>
                            <th style="width: 14%;">证件号码</th>
                            <th style="width: 14%;">卡号</th>
                            <th style="width: 5%;">基本工资</th>
                            <th style="width: 5%;">项目工资</th>
                            <th style="width: 5%;">全勤奖</th>
                            <th style="width: 5%;">奖金</th>
                            <th style="width: 5%;">加班费</th>
                            <th style="width: 5%;">伙食费</th>
                            <th style="width: 5%;">社保补助</th>
                            <th style="width: 5%;">基金</th>
                            <th style="width: 5%;">扣款</th>
                            <th style="width: 5%;">工作天数</th>
                            <th style="width: 5%;">应发工资</th>
                            <th style="width: 5%;">实发工资</th>
                        </tr>
                        </thead>
                        <tbody style="width:100%; overflow-y: scroll;">
                        <!--<tr class="table-tr">-->
                        <!--<td class="staffMonthSummary-staffName"></td>-->
                        <!--<td class="staffMonthSummary-staffID"></td>-->
                        <!--<td class="staffMonthSummary-month"></td>-->
                        <!--<td class="staffMonthSummary-days"></td>-->
                        <!--<td class="staffMonthSummary-sumDays"></td>-->
                        <!--<td class="staffMonthSummary-hours"></td>-->
                        <!--<td class="staffMonthSummary-realHours"></td>-->
                        <!--</tr>-->
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="printSalaryTable()">打印</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>